<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <head>
        <title>TODO supply a title</title>
    </head>
    <body>
        <ui:composition template="/admin/templates/indexTemplate.xhtml">
            <ui:define name="main">
                <div class="full_w">
                    <div class="h_title">Account List</div>
                    <h2>Manage accounts</h2>
                    <p>This panel allows you to manage all employee accounts.</p>

                    <div class="entry">
                            <div class="sep"></div>
                    </div>
                    <table>
                            <thead>
                                    <tr>
                                            <th scope="col">No.</th>
                                            <th scope="col">Username</th>
                                            <th scope="col">Name</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Address</th>
                                            <th scope="col">Phone</th>
                                            <th scope="col">Image</th>
                                            <th scope="col">Status</th>
                                            <th scope="col" style="width: 40px;">Modify</th>
                                    </tr>
                            </thead>

                            <tbody>
                                    <tr>
                                            <td class="align-center">1</td>
                                            <td>guest01</td>
                                            <td>Daniel Dang</td>
                                            <td>danieldang@gmail.com</td>
                                            <td>7 Rocason st New York</td>
                                            <td>342-3423</td>
                                            <td><img src="admin/source/employee images/img1.jpg" width="75px" height="100px"/></td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td>
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>
                                    <tr>
                                            <td class="align-center">2</td>
                                            <td>user101</td>
                                            <td>Marry Lu</td>
                                            <td>marryly@gmail.com</td>
                                            <td>189 Mary ln Chicago</td>
                                            <td>323-2323</td>
                                            <td><img src="admin/source/employee images/img5.jpg" width="75px" height="100px"/></td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td>
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>

                                    <tr>
                                            <td class="align-center">3</td>
                                            <td>user101</td>
                                            <td>Model Mitch</td>
                                            <td>modelmitch@yahoo.com</td>
                                            <td>23 Stormland st Paris</td>
                                            <td>423-2324</td>
                                            <td><img src="admin/source/employee images/img2.JPG" width="75px" height="100px"/></td>
                                            <td style="text-align:center "><img src="admin/source/img/i_error.png"/></td>
                                            <td>
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon restore" title="Restore"></a>
                                            </td>
                                    </tr>

                                    <tr>
                                            <td class="align-center">4</td>
                                            <td>allie</td>
                                            <td>Bob Bank</td>
                                            <td>bobbank@outlook.com</td>
                                            <td>102 Nguyen Hue st Ho Chi Minh</td>
                                            <td>938-3948</td>
                                            <td><img src="admin/source/employee images/img3.jpg" width="75px" height="100px"/></td>
                                            <td style="text-align:center "><img src="admin/source/img/i_ok.png"/></td>
                                            <td>
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon delete" title="Delete"></a>
                                            </td>
                                    </tr>						
                                    <tr>
                                            <td class="align-center">5</td>
                                            <td>Peter12</td>
                                            <td>Peter Pan</td>
                                            <td>peterpan@hotmail.com</td>
                                            <td>47 Rose st Detroit</td>
                                            <td>034-2343</td>
                                            <td><img src="admin/source/employee images/img4.jpg" width="75px" height="100px"/></td>
                                            <td style="text-align:center "><img src="admin/source/img/i_error.png"/></td>
                                            <td>
                                                    <a href="#" class="table-icon edit" title="Edit"></a>
                                                    <a href="#" class="table-icon restore" title="Restore"></a>
                                            </td>
                                    </tr>
                            </tbody>
                    </table>
                    <div class="entry">
                            <div class="pagination">
                                    <span>« First</span>
                                    <span class="active">1</span>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                    <a href="">4</a>
                                    <span>...</span>
                                    <a href="">23</a>
                                    <a href="">24</a>
                                    <a href="">Last »</a>
                            </div>
                            <div class="sep"></div>		
                            <form action="" method="">
                                <a class="button all" href="">All</a> <a class="button ready" href="">Active</a> <a class="button trash" href="">Trash</a> <a class="button search" href="">Search</a> <input type="text" name="searchValue"/> <b>By :</b> <select class="styled-select" name="searchType"><option value="name">Username</option></select>
                            </form>
                    </div>
            </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
